@charset "utf-8";
@import "pxvalue.less";
@import "font_common";
body,
html,
.mui-content {
    font-family: "微软雅黑";
    background-color: #FFFFFF;
    padding-bottom: @p300;
    padding-top: @p28;
}
.mui-bar {
    border-bottom: 1px solid #c5c5c5
}
.mui-action-back{
    height: 44px;
    width: 44px;
    img{
        width: 100%;
    }
}
.mui-title{
    height: 44px;
}
.fr {
    float: right;
}

.fl {
    float: left;
}

.mui-bar {
    top: @p40;
    font-size: @p34;
}

.hr_20 {
    height: @p20;
    background-color: #f6f6f6;
}

.ptsp_top_stats {
    height: @p44;
    width: 100%;
    z-index: 20;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
}

.mui-title span {
    margin-left: @p40 ;
    margin-left: @p40 ;
    display: inline-block;
    height: 44px;
    color: #888888;
    border-bottom: 4px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.mui-title span.ptsp_active {
    color: #1c83fc;
    border-bottom: 3px solid #1c83fc;
}
.goods_list{
    padding: @p18;
    overflow: hidden;
    .item{
        width: @p348;
        height: @p544;
        box-sizing: border-box;
        box-shadow: 0 0 5px #aaa;
        float: left;
        img{
            width: 100%;
            height: @p350;
        }
        .title{
            padding: @p20;
            padding-bottom: 0;
            line-height: @p32;
            font-size: @p24;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            .spcile_price{
                width: @p97;
                height: @p36;
                background: linear-gradient(to right,#ff6b23,#ff1610);
                border-radius: 3px;
                color: #FFFFFF;
                font-size: @p22;
                span{
                    transform: scale(0.75);
                    display: inline-block;
                }
            }
        }
        .price{
            padding: @p20;
            span{
                font-size: @p26;
                color: #1c83fc;
            }
            i{
                display: inline-block;
                width: @p64;
                height: @p64;
                float: right;
                
                img{
                    vertical-align: middle;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    
}
.goods_list .item:nth-child(odd){
    margin-right: @p18;
    margin-bottom: @p18;
}